<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width"/>
    <title>
        [[ ${articledetail.getTitle()} ]] | 大萌の记事本 </title>
    <link rel="profile" href="https://gmpg.org/xfn/11"/>
    <link rel="stylesheet" type="text/css" media="all"
          href="https://www.yuuko0623.com/wp-content/themes/twentyeleven/style.css"/>
    <link rel="stylesheet"
          href="#"
          type="text/css" media="screen"
          th:href="@{/diy/dropdown_menus.css}"
    />
    <style type="text/css">
        img.wp-smiley,
        img.emoji {
            display: inline !important;
            border: none !important;
            box-shadow: none !important;
            height: 1em !important;
            width: 1em !important;
            margin: 0 .07em !important;
            vertical-align: -0.1em !important;
            background: none !important;
            padding: 0 !important;
        }
    </style>
    <style>
        .hightlight {
            /*border-radius: 15px;*/
            /*-webkit-box-shadow: 0 0 5px rgba(0,113,241,1);*/
            background: burlywood;
        }
    </style>
    <style>
        .editormd-html-preview {
            width: 90%;
            margin: 0 auto;
        }
    </style>
    <!-- style.css导致标题格式紊乱，暂不引入 -->
    <!--<link rel="stylesheet"-->
          <!--href="css/style.css"-->
          <!--th:href="@{/editor.md-master/examples/css/style.css}"/>-->
    <link rel="stylesheet" type="text/css" media="all"
          href=""
          th:href="@{/asserts/css/style.css}"
    />
    <link rel="stylesheet" href="../css/editormd.preview.css" th:href="@{/editor.md-master/css/editormd.preview.css}"/>
    <link rel="shortcut icon" href="https://pandao.github.io/editor.md/favicon.ico" type="image/x-icon"/>

    <meta name="generator" content="WordPress 4.9.10"/>
</head>

<body data-rsssl=1
      class="post-template-default single single-post postid-748 single-format-standard singular two-column right-sidebar">
<div id="page" class="hfeed">

    <div th:replace="commons/layout :: #branding"/>
    <!-- #导航、首图、搜索 -->


    <div id="main">

        <div id="primary">
            <div id="content" role="main">

                <article id="post-748"
                         class="post-748 post type-post status-publish format-standard hentry category-core">
                    <header class="entry-header">
                        <h1 class="entry-title">[[ ${articledetail.getTitle()} ]]</h1>

                        <div class="entry-meta">
                            <span class="sep">发表于</span>
                            <time class="entry-date" datetime="#" th:text="${#dates.format(articledetail.getCreateTime(),'yyyy-MM-dd HH:mm:ss')}"></time>
                            <span class="by-author">
                                <span class="author vcard">
                                    <a class="url fn n" th:href="@{/home}" title="查看所有由大萌发布的文章"
                                        rel="author">[[ ${articledetail.getNickname()} ]]
                                    </a>
                                </span>
                            </span>
                            <span>  阅读量：[[ ${articledetail.getReadingQuantity()} ]] </span>
                        </div><!-- .entry-meta -->
                    </header><!-- .entry-header -->

                    <div class="entry-content">
                        <div id="layout">

                            <div id="test-editormd-view">
        <textarea style="display:none;" name="test-editormd-markdown-doc">
            <!--### Hello world!-->
         </textarea>
                            </div>
                            <div id="test-editormd-view2">
                                <!--
                                markdown 放这里
                                注意：md代码前不能有空格，不然解析出问题
                                 -->
                                <textarea id="append-test" style="display:none;">
[[ ${articledetail.getMarkdown()} ]]
       </textarea>
                            </div>
                        </div>
                        <script src="js/jquery.min.js" th:src="@{/editor.md-master/examples/js/jquery.min.js}"></script>
                        <script src="../lib/marked.min.js" th:src="@{/editor.md-master/lib/marked.min.js}"></script>
                        <script src="../lib/prettify.min.js" th:src="@{/editor.md-master/lib/prettify.min.js}"></script>

                        <script src="../lib/raphael.min.js" th:src="@{/editor.md-master/lib/raphael.min.js}"></script>
                        <script src="../lib/underscore.min.js" th:src="@{/editor.md-master/lib/underscore.min.js}"></script>
                        <script src="../lib/sequence-diagram.min.js" th:src="@{/editor.md-master/lib/sequence-diagram.min.js}"></script>
                        <script src="../lib/flowchart.min.js" th:src="@{/editor.md-master/lib/flowchart.min.js}"></script>
                        <script src="../lib/jquery.flowchart.min.js" th:src="@{/editor.md-master/lib/jquery.flowchart.min.js}"></script>

                        <script src="../editormd.js" th:src="@{/editor.md-master/editormd.js}"></script>
                        <script type="text/javascript">
                            $(function () {
                                var testEditormdView, testEditormdView2;

                                $.get("test.md", function (markdown) {

                                    testEditormdView = editormd.markdownToHTML("test-editormd-view", {
                                        markdown        : markdown ,//+ "\r\n" + $("#append-test").text(),
                                        //htmlDecode      : true,       // 开启 HTML 标签解析，为了安全性，默认不开启
                                        htmlDecode      : "style,script,iframe",  // you can filter tags decode
                                        TOC             : true,
                                        // tocm            : true,    // Using [TOCM]
                                        //tocContainer    : "#custom-toc-container", // 自定义 ToC 容器层
                                        //gfm             : false,
                                        //tocDropdown     : true,
                                        // markdownSourceCode : true, // 是否保留 Markdown 源码，即是否删除保存源码的 Textarea 标签
                                        emoji           : true,
                                        taskList        : true,
                                        tex             : true,  // 默认不解析
                                        flowChart       : true,  // 默认不解析
                                        sequenceDiagram : true,  // 默认不解析

                                    });

                                    //console.log("返回一个 jQuery 实例 =>", testEditormdView);

                                    // 获取Markdown源码
                                    //console.log(testEditormdView.getMarkdown());

                                    //alert(testEditormdView.getMarkdown());
                                });

                                testEditormdView2 = editormd.markdownToHTML("test-editormd-view2", {
                                    htmlDecode: "style,script,iframe",  // you can filter tags decode
                                    emoji: true,
                                    taskList: true,
                                    tex: true,  // 默认不解析
                                    flowChart: true,  // 默认不解析
                                    sequenceDiagram: true,  // 默认不解析
                                });
                            });
                        </script>
                        <!-- #editor.md渲染 -->

                    </div><!-- .entry-content -->
                </article>
            </div><!-- .entry-content -->

                    <footer class="entry-meta">
                        此条目是由<a th:href="@{/}">[[ ${articledetail.getNickname()} ]]</a>发表在<a
                            th:href="@{'/home/' + ${currentTag} }" rel="category tag">[[ ${currentTagName} ]]</a>分类目录的。
                        <div id="author-info">
                            <div id="author-avatar">
                                <img alt=''
                                     src='https://secure.gravatar.com/avatar/f63be5ed87376f58518590447edd8b9d?s=68&#038;d=mm&#038;r=g'
                                     srcset='https://secure.gravatar.com/avatar/f63be5ed87376f58518590447edd8b9d?s=136&#038;d=mm&#038;r=g 2x'
                                     class='avatar avatar-68 photo' height='68' width='68'/></div>
                            <!-- #author-avatar -->
                            <div id="author-description">
                                <h2>关于大萌</h2>
                                个人博客，共同学习


                                有问题或者想和我交朋友可以电邮tixiangzhi@gmail.com
                                <div id="author-link">
                                    <a href="/" rel="author">
                                        查看由大萌发表的所有文章 <span class="meta-nav">&rarr;</span> </a>
                                </div><!-- #author-link	-->
                            </div><!-- #author-description -->
                        </div><!-- #author-info -->
                    </footer><!-- .entry-meta -->
                </article><!-- #post-748 -->

                <div id="comments">
                    <h2 id="comments-title">
                        《<span>[[ ${articledetail.getTitle()} ]]</span>》上有x条评论
                    </h2>

                    <ol class="commentlist" th:each="commonVO:${commonVOList}">
                        <li class="comment even thread-even depth-1" id="li-comment-61">
                            <article id="comment-61" class="comment">
                                <footer class="comment-meta">
                                    <div class="comment-author vcard">
                                        <img alt="" src="https://secure.gravatar.com/avatar/f63be5ed87376f58518590447edd8b9d?s=68&amp;d=mm&amp;r=g" srcset="https://secure.gravatar.com/avatar/f63be5ed87376f58518590447edd8b9d?s=136&amp;d=mm&amp;r=g 2x" class="avatar avatar-68 photo" height="68" width="68">
                                        <span class="fn" style="color: #0B99B2;font-size: medium;" >[[${commonVO.getSenderName()}]]</span>
                                        在
                                        <time datetime="2018-12-10T13:39:14+00:00">[[${#dates.format(commonVO.getTime(),'yyyy-MM-dd HH:mm:ss')}]]</time>
                                        对
                                        <span class="fn" style="color: #0B99B2;font-size: medium" >[[${commonVO.getReceiverName()}]]</span>
                                        <span class="says">说道：</span>
                                    </div><!-- .comment-author .vcard -->

                                </footer>

                                <div class="comment-content"><p>[[${commonVO.getContent()}]]</p>
                                </div>

                                <div class="reply">
                                    <a rel="nofollow" class="comment-reply-link disscussTo" href="javascript:void(0);" aria-label="回复给大萌神" th:attr="father_common_id=${commonVO.getSenderId()},father_common_name=${commonVO.getSenderName()}" >回复 <span>↓</span></a>				</div><!-- .reply -->
                            </article><!-- #comment-## -->

                        </li><!-- #comment-## -->
                    </ol>


                    <div id="respond" class="comment-respond">
                        <h3 id="reply-title" class="comment-reply-title">发表评论 </h3>
                        <form th:action="@{'/response/' + ${articledetail.getArtId()} }" method="post" id="commentform"
                              class="comment-form">
                            <p class="comment-form-comment"><label for="comment">评论</label>
                                <textarea id="comment"
                                  name="comment"
                                  cols="45" rows="8"
                                  maxlength="65525"
                                  required="required">
                                </textarea>
                            </p>
                            <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="发表评论"/>
                                <input type='hidden' name='receiveId' id='comment_parent' th:value="${articledetail.getUserId()}"/>
                            </p>
                        </form>
                    </div><!-- #respond -->
                    <div >

                </div><!-- #comments -->


            </div><!-- #content -->
        </div><!-- #primary -->


        <div id="supplementary" class="two">
            <div id="first" class="widget-area" role="complementary">
                <aside id="custom_html-4" class="widget_text widget widget_custom_html">
                    <div class="textwidget custom-html-widget">投诉联系：tixiangzhi#gmail.com(#换@ 投稿文章请发送到这个邮箱) <br/>
                        <img src="https://www.hacg.me/hacg.jpg" alt="琉璃神社"/>少上点网，多点运动；好好学习，天天向上。<br/>
                        <br/>
                        <script type="text/javascript" src="/mn.js"></script>
                    </div>
                </aside>
            </div>
            <div id="second" class="widget-area" role="complementary">
                <aside id="custom_html-5" class="widget_text widget widget_custom_html">
                    <div class="textwidget custom-html-widget">本站只提供资讯，不提供任何上传下载服务，所有内容均来自分享站点所提供的公开引用资讯。
                        如果有版权违规内容，请通知作者删除。

                        本站不支持 IE8 浏览器 如果网页显示不正常，请升级到 IE9 及以上
                        推荐使用 IE11、Firefox、Chrome 等专业浏览器
                    </div>
                </aside>
            </div>

        </div>
        <!-- #投诉 -->

    </div><!-- #main -->

    <footer id="colophon" role="contentinfo">

        <div id="site-generator">

            <div id="site-generator1">


                magnet:?xt=urn:btih: <a href="/" title="欢迎光临 大萌个人博客" rel="generator">Power by YUUKO0623.COM </a>
                Copyright &copy; 2017-2018 大萌Blog All Rights Reserved
            </div>


        </div>
    </footer><!-- #colophon -->
</div><!-- #page -->
<script language='javascript' th:inline="javascript">

    $(document).on("click", ".disscussTo", function() {
        var father_common_id = $(this).attr("father_common_id");
        var father_common_name = $(this).attr("father_common_name");
        // 修改发表评论的receiverName
        var discussToName = $(".comment-form-comment").children("label").text('评论：' + father_common_name);
        // 修改发表评论的receiverId
        var discussToId = $("#comment_parent").val(father_common_id);
        //跳转到评论
        var local = [['/toArticle/' + ${articledetail.getArtId()} + '#respond']];
        window.location.href=local;
    });
</script>
</body>
</html>
